<template>
	<view>
		<view style="border-radius: 50rpx;" class="shadow u-m-t-80 u-m-l-20 u-m-r-20">
			<view class="u-text-center u-p-t-30 u-p-b-50">
				<u-row>
					<u-col :span="2" :offset="3">
						<image src="../../static/images/me.jpg"
							style="width: 150rpx;height: 150rpx;border-radius: 150rpx;">
						</image>
					</u-col>
					<u-col :span="3" :offset="1">
						<view class="myName">Heaven</view>
						<view>
							<u-tag shape="circle" text="管理员"></u-tag>
						</view>
					</u-col>
				</u-row>
			</view>
			<view class="u-p-b-50">
				<view class="u-p-10 u-m-20" style="border-bottom: #aeaeae 1px solid;">
					<icon class="myIcon iconfont icon-github u-p-l-20 u-p-r-20"></icon>
					<u-link href="https://github.com/caihaiwen" fontSize="40" color="#aeaeae">Github</u-link>
					<icon class="iconfont icon-right myIcon" style="float: right;"></icon>
				</view>
				<view class="u-p-10 u-m-20" style="border-bottom: #aeaeae 1px solid;">
					<icon class="myIcon iconfont icon-contacts u-p-l-20 u-p-r-20"></icon>
					<button open-type="contact" class="myButton" style="border: none;">联系作者</button>
					<icon class="iconfont icon-right myIcon" style="float: right;"></icon>
				</view>
				<view class="u-p-10 u-m-20" style="border-bottom: #aeaeae 1px solid;">
					<icon class="myIcon iconfont icon-dashboard u-p-l-20 u-p-r-20"></icon>
					<text class="myIcon">仪表盘</text>
					<icon class="iconfont icon-right myIcon" style="float: right;"></icon>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			toGithub(){
				console.log(11);
				this.$u.route({
					url: 'https://github.com/caihaiwen'
				})
			}
		}
	}
</script>

<style>
	.shadow {
		border-radius: 10rpx;
		box-shadow: 0 8px 15px 0 rgb(0 0 0/14%), 0 17px 50px 0 rgb(0 0 0/19%);
	}
	.myName {
		line-height: 100rpx;
		color: #000000;
		font-weight: 700;
		font-size: 40rpx
	}
	.myIcon {
		font-size: 40rpx;
		color: #aeaeae;
	}
	.myButton {
		display: inline;
		color: #AEAEAE;
		padding: 0;
		font-size: 40rpx
	}
</style>
